<template>
	<view class="progress-box">
		<progress :percent="progress.percent" color="#b1c5cc" stroke-width="10" class="progress" />
		<view class="progress-text">
			{{progress.current + 1}}/{{progress.total}}
		</view>
	</view>

</template>

<script>
	export default {
		props: {
			progress: {
				type: Object,
				default: {}
			},
		},
		methods:{
			previewImage(url){
				uni.previewImage({
					urls:[url]
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.progress-box {
		display: flex;
		width: 100%;
	
		.progress {
			width: 100%;
	
			.progress-text {
				width: 120rpx;
				line-height: 1;
				text-align: center;
				color: #a8aaa9
			}
		}
	}
</style>
